@extends('layouts.common')
@section('content')
<style type="text/css">
    body, html .demo, p {
        padding: 0;
        margin: 0;
        /*overflow: hidden;*/
        font-size: 16px;
    }

    .main {
        width: 100%;
        height: 100%;
        position: relative;
        /*overflow: hidden;*/
    }

    .code {
        width: 100%;
        height: 100%;
    }

    .code img {
        width: 100%;
    }

    .toshare {
        position: absolute;
        bottom: 3%;
        width: 60%;
        left: 20%;
        height: 85px;
    }
    .share{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
    }
    .share img{
        position: absolute;
        right: 3%;
        WIDTH: 25%;
    }
</style>
<body>
<div class="main">
    <div class="code">

        <img src="/images/end.jpg"/>
    </div>
   <a href="http://mall.gac-toyota.com.cn/mobile"><div class="toshare"></div></a>
</div>
<script type="text/javascript">
    $(function () {

        var height = $(window).width() * 1038 / 640;
        $(".toshare").css("top",0.856*height)

    });
</script>
@endsection